import React, { Component } from 'react'

export default class App extends Component {
  state = {
    age: 0,
  }
  // 同步表现的 2 种情况：原生事件、定时器中
  componentDidMount() {
    /* document.querySelector('button').addEventListener('click', () => {
      this.setState({ age: this.state.age + 1 })
      console.log(this.state.age) // ?
    }) */
    /* setTimeout(() => {
      this.setState({ age: this.state.age + 1 })
      console.log(this.state.age) // 1
    }) */
    // 异步表现下：不能立即拿到更新后的数据；多次 setState 如何进行累计
  }
  render() {
    return (
      <div>
        <p>{this.state.age}</p>
        <button>click</button>
      </div>
    )
  }
}
